<template>
  <div class="iframe-box">
    <PageTitle>{{ifameTitle}}</PageTitle>
    <iframe id="show-iframe" ref="iframe" class="ifame-main"  frameborder=0 name="showHere" scrolling=auto></iframe>
  </div>
</template>

<script>
export default {
  name: 'home',
  data() {
    return {
      list: '',
      ifameTitle: '',
      url: ''
    }
  },
  components: {},
  computed: {},
  methods: {},
  created() {
    this.ifameTitle = this.$route.query.title
  },
  mounted() {
    this.$refs.iframe.contentWindow.location.replace(this.$route.query.link)
  }
}
</script>
<style lang="scss" scoped>
.iframe-box {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
.ifame-main {
  width: 100%;
  height: calc(100% - 48px);
  position: absolute;
  top: 48px;
  left: 0;
}
</style>
